<!-- 关注首页 -->
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../common/taglib.jsp"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>关注首页</title>
<meta name="viewport"
	content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<jsp:include page="../common/base.jsp"></jsp:include>
<script src="${basePath}/resource/js/common/base.js"></script>
<link rel="stylesheet" type="text/css" href="${basePath}/resource/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="${basePath}/resource/css/bootstrap-theme.css">
<link rel="stylesheet" type="text/css" href="${basePath}/resource/css/iscroll.css">
<link href="${basePath}/resource/css/weathers.css" rel="stylesheet">
<script type="text/javascript" src="${basePath}/resource/js/common/messages_${sessionScope.lang}.js"></script>
<style type="text/css">
	html,body,.container{height: 100%;}
	.module-topbar, .wrapper-popup .sub-header {
	    height: 44px;
	    color: #3b3b3b;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 19;
	    text-align: center;
	    -wekbit-box-shadow: 0 1px 2px #cfcfcf;
	    box-shadow: 0 1px 2px #cfcfcf;
	    background: #f9f9f9;
	}
	.module-topbar a, .wrapper-popup .sub-header a {
	    height: 44px;
	    min-width: 30px;
	    padding: 0 20px;
	    font-size: 1.0625rem;
	    line-height: 44px;
	}
	.fl {
	    float: left;
	}
	.module-topbar span, .wrapper-popup .sub-header span {
	    width: 100%;
	    left: 0;
	    position: absolute;
	    font-size: 18px;
	    line-height: 44px;
	    display: inline-block;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    z-index: -1;
	}
	.module-topbar a i, .wrapper-popup .sub-header a i {
	    color: #1bbffd;
	}
	.module-topbar i, .wrapper-popup .sub-header i {
	    font-size: 25px;
	}
	.iconfont {
	    font-family: "iconfont" !important;
	    font-size: 16px;
	    font-style: normal;
	    -webkit-font-smoothing: antialiased;
	    -webkit-text-stroke-width: 0.2px;
	    -moz-osx-font-smoothing: grayscale;
	}
	p{
	    margin-bottom: 6px;
	}
	.info-title {
	    font-weight: bold;
        margin: 0;
    	padding: 5px 0;
	}
	.search-bar {
		position: absolute;
	    top: 45px;
	    width: 100%;
	    padding: 6px;
   		font-size: 16px;
	    background: #F0F0F0;
	}
	.search-bar>.search {
        position: relative;
	    padding: 2px;
/* 	    display: inline-block; */
		width: 80%;
		margin:0 auto; 
	    background: #fff;
	    border: 1px solid #989898;
	    border-radius: 15px;
        text-align: center;
	}
	.search-bar>.search>input{
		border: 0px;
	    width: 70%;
	    outline: none;
	}
</style>
</head>
<body onload="" style="font-family: 微软雅黑;">
	<input type="hidden" value="${userTonken}" id="userTonken">
	<input type="hidden" value="${lang}" id="lang">
	<div class="containers">
		<header class="module-topbar">
				<a class="fl" id="toIndex">
				<i class="fa fa-angle-left" style="line-height: 44px; color: #666;"></i>
			</a>
	        <span><spring:message code="sentimentList"/></span>
	      <!--   <a class="fr" href="/ShareNew/write.do?userToken=4378954029" id="writeShare"></a> -->
	    </header>
	
		<!--搜索栏 -->
		<div class="search-bar">
			<div class="search">
				<input id="search" placeholder="请输入搜索内容..." value="${keyWord}"/>
				<i class="fa fa-search" style="float: right;width: 40px;height: 24px;margin-top: 3px;"></i>
				<!--隐藏关键字 -->
				<input id="wjKeyList" type="hidden" value="${kwss}" />
				<ul class="wj-search-list">
					<c:forEach  items="${kwss}" var="dList" varStatus="status">
						<c:if test="${dList != 'undefined'}">
							<li data-key="${dList}">${dList}</li>
						</c:if>
					</c:forEach>
				</ul>
			</div>
		</div>
		
		<!--滑动层 -->
		<div id="wrapper">
		
			<div id="scroller">
				<div id="scroller-pullDown">
					<span id="down-icon" class="icon-double-angle-down pull-down-icon"></span>
					<span id="pullDown-msg" class="pull-down-msg"><spring:message code="downToRefresh"/></span>
				</div>
				<div id="scroller-content" class="sentimentList">
					
					<c:choose>
					 <c:when test="${dataList != null && fn:length(dataList) != 0}">
						<ul>
							<c:forEach  items="${dataList}" var="dataBean" varStatus="status">
								
								<li pid="${dataBean.id}">
									<c:if test="${dataBean.doc_count >= 3}">
										<i class="hot"></i>
									</c:if>
									<c:choose>
					 					<c:when test="${dataBean.title != null && dataBean.title != ''}">
					 						<p class="info-title my-ellipsis">
						 						<!--<c:if test="${dataBean.positiveOrNegative == 2}">
													<i class="negative"></i>
												</c:if>
												<c:if test="${dataBean.positiveOrNegative == 1}">
													<i class="positive"></i>
												</c:if>-->
					 							${dataBean.title}
					 						</p>
					 					</c:when>
				 					  	<c:otherwise>
				 					 	 	<p class="info-content my-ellipsis-2">${dataBean.content}</p>
				 					  	</c:otherwise>
					 				</c:choose>
					 				<p class="info-content my-ellipsis-2">${dataBean.content}</p>
					 				<p class="extra-info-bar">
					                    <span class="pull-left info-from">${dataBean.webSite}</span>
					                   	<span class="mui-h6 info-sum">相关新闻（${dataBean.doc_count}）</span>
					                   	<span class="pull-right info-date">${dataBean.poTimeStr}</span>
				                	</p>
								</li>
							</c:forEach>
						</ul>
					  </c:when>
				    <c:otherwise>
				    	<p style="line-height: 145px;text-align: center;font-size: 20px;color: rgba(217, 83, 79, 0.85);"><spring:message code="noDataNow"/>...</p>
				    </c:otherwise>
				 </c:choose>
				</div>
				<c:if test="${dataList != null && fn:length(dataList) != 0}">
					<div id="scroller-pullUp">
						<span id="up-icon" class="icon-double-angle-up pull-up-icon"></span>
						<span id="pullUp-msg" class="pull-up-msg"><spring:message code="upToLoadMore"/></span>
					</div>
				</c:if>
			</div>
		</div>
	
	</div>
	<script type="text/javascript" src="${basePath}/resource/js/vendor/iscroll.js"></script>
	<script type="text/javascript" src="${basePath}/resource/js/sentiment.js"></script>
	<script type="text/javascript">
	$(function() {
		vrv.sentiment.list.init();
	});
	</script>
</body>

</html>
